let section =document.querySelector("section")
let icons=document.querySelector(".icons");
icons.onclick=()=>{
    section.classList.toggle("dark")
}
// setTimeout和setInterval都属于JS中的定时器，
// 可以规定延迟时间再执行某个操作，
// 不同的是setTimeout在规定时间后执行完某个操作就停止了，
// 而setInterval则可以一直循环下去。

setInterval(()=>{
    let date=new Date();
    hour=date.getHours()
    min=date.getMinutes()
    sec=date.getSeconds()
    let d;
    d=hour<12?"AM":"PM";
    hour=hour>12?hour-12:hour
    hour=hour==0?hour=12:hour


    sec=sec<10?"0"+sec:sec; 
    hour=hour<10?"0"+hour:hour;
    min=min<10?"0"+min:min;
    document.querySelector(".hour_num").innerHTML=hour
    document.querySelector(".min_num").innerHTML=min
    document.querySelector(".sec_num").innerHTML=sec
    document.querySelector(".am_pm").innerHTML=d
    // console.log(date);
},1000)